<!doctype html>
<html>
	<head>
		<!--声明当前页码的编码集：charset=gbk,gb2312(中文编码),utf-8(国际编码)-->
		<meta http-equiv="content-Type" content="text/html;charset=utf-8">
		<!--当前页面的三要素-->
		<title>第四节 :  图片标签</title>
		<meta name="keywords" content="关键词,关键词">
		<meta name="description" content="">

		<!--css,js-->
		<style type="text/css">
			*{margin:0;padding:0;}
			body{height:1000px;font-size:12px;font-family:"微软雅黑"; color:#000}
		</style>
	</head>
	<body>
	<h1>第四节 :  图片标签</h1>
	<pre>
	<1>HTML相对路径(Relative Path)
	同一个目录的文件引用：
	如果源文件和引用文件在同一个目录里，直接写引用文件名即可，	
	这时引用文件的方式就是使用相对路径。
	<2>HTML绝对路径(Absolute Path)
	完整的描述文件位置的路径就 是绝对路径
	不需要知道其他任何信息就可以根据绝对路径判断出文件的位置；
	图片的四要素：src　,　alt　,　width　,　height
	属性：id, class, title, style
	<1> 插入不同格式的图片;
	<2> 从不同的位置插入图片;
	<3> 背景图片;
	<4> 排列图片（align="bottom / middle / top"）;
	<5> 浮动图像（带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧）;
	<6> 图片连接；
	</pre>
	<!--ing图片标签，相对路径（relative path）
	绝对路径（absolute path）-->
	<img src="images/41.jpg">
	<img src="../images/42.jpg">
	<img src="images/43.jpg">
	<h2>图片标签的优化</h2>
	&lt img src="images/lgx1.gif" alt="gif" width="100" height="100"&gt
	<img src="images/lgx1.gif" alt="gif" width="100" height="100"
	title="gif">
	<h2>排列图片：align="bottom/middle/top"</h2>
	<img src="images/lgx1.gif" alt="gif" width="100" height="100"
	align="left">
	潭州学院（tanzhouedu.com）是互联网最早的在线教育学院，
	是以培养学员兴趣和从事互联网课堂研究为主的综合性网络学院，
	成立于2007年。其中网络营销、JAVA、前端等课程是互联网在线课程类第一名。
	旗下有考试资讯门户考试在线(kaoshi110.net)和中国最大的
	在线模拟考试系统模考吧(mokaoba.com)欢迎加入潭州学院!成立于2007年,
	互联网最早的在线教育学院,数百名认证讲师365天在线直播授课,
	是以技术为驱动,学员为本的教育机构,100+门课程解决学员工作技能问题
</body>
</html>